<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     	<!--<include src="../common/pre/header.html"></include>-->
     	<script src="../statics/js/index/index.js"></script>
	    <title>易买网</title>
	</head>
<body>

<div class="sss"></div>
<div class="s">
</div>

		<!--Begin Header Begin-->
<div id="searchBar">
    
</div>
		
<!--End Header End-->
<!--Begin Menu Begin-->
<div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav">
                <ul id="leftMenu">
                    <!--<c:forEach items="${productCategoryVoList}" var="temp">-->
                        
                   <!-- </c:forEach>-->
                </ul>
            </div>
        </div>
        <ul class="menu_r">
            <li><a href="index.html">首页</a></li>
          <!--  <c:forEach items="${productCategoryVoList}" var="temp">
                <li>
                    <a href="../Product?action=queryProductList&level=1&category=${temp.productCategory.id}">${temp.productCategory.name}</a>
                </li>
            </c:forEach>-->
        </ul>
        <div class="m_ad">中秋送好礼！</div>
        <!--End 商品分类详情 End-->
    </div>
</div>
<!--End Menu End-->

<div class="i_bg bg_color">
    <div class="i_ban_bg">
        <!--Begin Banner Begin-->
        <div class="banner">
            <div class="top_slide_wrap">
                <ul class="slide_box bxslider">
                    <li><img src="../statics/images/ban1.jpg" width="740" height="401"/></li>
                    <li><img src="../statics/images/ban1.jpg" width="740" height="401"/></li>
                    <li><img src="../statics/images/ban1.jpg" width="740" height="401"/></li>
                </ul>
                <div class="op_btns clearfix">
                    <a href="#" class="op_btn op_prev"><span></span></a>
                    <a href="#" class="op_btn op_next"><span></span></a>
                </div>
            </div>
        </div>
      	<!--<script type="text/javascript">
            var jq2 = jQuery.noConflict();
            (function () {
                $(".bxslider").bxSlider({
                    auto: true,
                    prevSelector: jq2(".top_slide_wrap .op_prev")[0], nextSelector: jq2(".top_slide_wrap .op_next")[0]
                });
            })();
        </script>-->
        <!--End Banner End-->
        <div class="inews">
            <div class="news_t">
                <span class="fr"><a href="../admin/news?action=queryNewsList">更多 ></a></span>新闻资讯
            </div>
            <ul>
                <!--<c:forEach items="${news}" var="temp">
                    <li><span>[ 公告 ]</span>
                        <a href="../admin/news?action=newsDeatil&id=${temp.id}">${temp.title}</a>
                    </li>
                </c:forEach>-->
            </ul>
            <div class="charge_t">
                话费充值
                <div class="ch_t_icon"></div>
            </div>
            <form>
                <table border="0" style="width:205px; margin-top:10px;" cellspacing="0" cellpadding="0">
                    <tr height="35">
                        <td width="33">号码</td>
                        <td><input type="text" value="" class="c_ipt"/></td>
                    </tr>
                    <tr height="35">
                        <td>面值</td>
                        <td>
                            <select class="jj" name="city">
                                <option value="0" selected="selected">100元</option>
                                <option value="1">50元</option>
                                <option value="2">30元</option>
                                <option value="3">20元</option>
                                <option value="4">10元</option>
                            </select>
                            <span style="color:#ff4e00; font-size:14px;">￥99.5</span>
                        </td>
                    </tr>
                    <tr height="35">
                        <td colspan="2"><input type="submit" value="立即充值" class="c_btn"/></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
    <div class="content mar_20">
        <img src="../statics/images/mban_1.jpg" width="1200" height="110"/>
    </div>
    <!--Begin 进口 生鲜 Begin-->
    <div id="st"></div>
  
    
</div>
<div><include src="../common/pre/footer.html"></include></div>
	
	</body>
	<script src="../statics/js/include.js"></script>
	<script type="text/javascript" src="../statics/js/jquery-3.5.1.js" ></script>
	<script type="text/javascript" src="../statics/js/common/jquery.bxslider_e88acd1b.js"></script>
	
	<script type="application/javascript">
		$(function () {
			$('.sss').load("../common/pre/header.html");
			$('.s').load("../common/pre/searchBar.html")
			setTimeout(function () { 
				var loginName=sessionStorage.getItem("loginName");
				var type=sessionStorage.getItem("type");
				if (loginName==null||loginName=='') {
					//header页面
					$(".sou .fr").prepend('<span class="fl">你好，请<a href="login.html" style="color:#ff4e00;">登录</a>&nbsp;<a'+
		                      'href="../Register?action=toRegister" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>')
					//sarchBar页面
					$(".car_bg").prepend('<div class="un_login">还未登录！<a href="../Login?action=toLogin" style="color:#ff4e00;">马上登录</a></div>')
					$(".car_bg").append('<div class="price_a"><a href="login.html">去登录</a></div>')
					
				}else{
					//header页面
					$(".sou .fr").prepend(' <span class="fl"><a href="../admin/user?action=index" id="name"> ddd</a>&nbsp;|&nbsp;<a'+
		                      'href="../admin/order?action=index&userId=${sessionScope.loginUser.id}">我的订单</a>&nbsp;</span>')
					//sarchBar页面
					$(".car_bg").prepend(' <div class="un_login">我的购物车</div>')
					$(".car_bg").append('<div class="price_a"><a onclick="guc()">去结算</a></div>')

				}
				if(loginName!=''&&type==1){
					$(".sou .fr").append('  <span class="fl">|&nbsp;<a href="../admin/product?action=index&userId=${sessionScope.loginUser.id}">后台管理</a>&nbsp;</span>')
				}
				if (loginName!=null&&loginName!='') {
					$(".sou .fr").append(' <span class="fl">|&nbsp;<a onclick="logout()">注销</a></span>')
				}
	       		
	        	$("#name").html(loginName);
	        	console.log($("#name").text())
			
			},100);
			f6();
			fl();
			xinwen();
			
			
		 });
		 function zq1(id){			
			$(".i_bg").html('<div class="i_bg">'+
				'<div class="postion">'+
   ' </div>'+
   ' <div class="content">'+
      '  <div id="tsShopContainer">'+
            '<div id="tsImgS">'+
             '   <a href="${ctx}/files/${product.fileName}" title="Images" class="MagicZoom" id="MagicZoom">'+
                   ' <img src="" width="390" height="390"/>'+
              '  </a>'+
           ' </div>'+
      '  </div>'+
       ' <div class="pro_des">'+
            '<div class="des_name">'+
                
               
            '</div>'+
          '  <div class="des_price">本店价格：<b>￥${product.price}</b><br/>'+
           ' </div>'+
            '<div class="des_price1">'+
            	'<div class="des_price"> 库存：<b>${product.stock}</b><br/>'+
         '   </div>'+
          '  </div>'+
            
           ' <div class="des_choice">'+
                '<span class="fl">型号选择：</span>'+
                '<ul>'+
                   ' <li class="checked">30ml<div class="ch_img"></div>'+
               '     </li>'+
                 '   <li>50ml<div class="ch_img"></div>'+
                  '  </li>'+
                    '<li>100ml<div class="ch_img"></div>'+
                   ' </li>'+
               ' </ul>'+
           ' </div>'+
           ' <div class="des_choice">'+
              '  <span class="fl">颜色选择：</span>'+
                '<ul>'+
                   ' <li>红色<div class="ch_img"></div>'+
                    '</li>'+
                   ' <li class="checked">白色<div class="ch_img"></div>'+
                   ' </li>'+
                    '<li>黑色'+
                      '  <div class="ch_img"></div>'+
                   ' </li>'+
                '</ul>'+
          '  </div>'+
           ' <br>'+
            '<br>'+
            '<div class="des_join">'+
               ' <div class="j_nums">'+
                    '<input type="text" value="1" name="quantity" class="n_ipt"/>'+
                   ' <input type="button" value="" onclick="addUpdate(jq(this));" class="n_btn_1"/>'+
                    '<input type="button" value="" onclick="jianUpdate(jq(this));" class="n_btn_2"/>'+
                    '<input type="hidden" name="productStock" value="${product.stock}">'+
               ' </div>'+
               ' <span class="fl">'+
                    ' <img src="../images/j_car.png" onclick="addCart();"/>'+
              '  </span>'+
           ' </div>'+
       ' </div>'+
   ' </div>'+
   ' <div class="content mar_20">'+
       ' <div id="favoriteList">'+
      '  </div>'+
       ' <div class="l_list">'+
            '<div class="des_border">'+
               ' <div class="des_tit">'+
                   ' <ul>'+
                       ' <li class="current"><a href="#p_attribute">商品属性</a></li>'+
                       ' <li><a href="#p_details">商品详情</a></li>'+
                '    </ul>'+
               ' </div>'+
               ' <div class="des_con" id="p_attribute">'+
                    '<table border="0" align="center" style="width:100%; margin:10px auto;"cellspacing="0" cellpadding="0">'+
                      '  <tr>'+
                        '    <td>商品名称：${product.name}</td>'+
                          '  <td>商品价格：${product.price}</td>'+
                          '  <td>品牌： 迪奥（Dior）</td>'+
                           ' <td>上架时间：2015-09-06 09:19:09</td>'+
                        '</tr>'+
                     '   <tr>'+
                          '  <td>商品毛重：160.00g</td>'+
                           ' <td>商品产地：法国</td>'+
                           ' <td>香调：果香调香型：淡香水/香露EDT</td>'+
                         '   <td>&nbsp;</td>'+
                       ' </tr>'+
                       ' <tr>'+
                       '     <td>容量：1ml-15ml</td>'+
                           ' <td>类型：女士香水，Q版香水，组合套装</td>'+
                          '  <td>&nbsp;</td>'+
                            '<td>&nbsp;</td>'+
                        '</tr>'+
                    '</table>'+
               ' </div>'+
         '   </div>'+
           ' <div class="des_border" id="p_details">'+
                '<div class="des_t">商品详情</div>'+
             '   <div class="des_con">'+
                   ' <table border="0" align="center" style="width:745px; font-size:14px; "cellspacing="0" cellpadding="0">'+
                      '  <tr>'+
                           ' <td>'+
                              
                           ' </td>'+
                        '</tr>'+
                   ' </table>'+
                   ' <p align="center">'+
                        '<img src="" width="185" height="155">'+
                    '</p>'+
                '</div>'+
           ' </div>'+
       ' </div>'+
   ' </div>'+
    '<include src="../common/pre/footer.html"></include>'+
			'</div>')
			$(".leftNav").hide();
			$(".nav").hover(function(){
				$(".leftNav").show()
			},function(){
				$(".leftNav").hide()
			})
		$.ajax({
			type:"get",
			url:"http://127.0.0.1:8081/Product/getId/"+id,
			dataType:"json",
			success:function(d){
				alert(d.obj.fileName)
				
				$(".MagicZoom").html('<img src='+d.obj.fileName+'"../files" width="390" height="390"/>');
				$(".des_name").html('<p>'+d.obj.name+'</p> “开业巨惠，北京专柜直供”，不光低价，“真”才靠谱！');
				$(".des_price").html('本店价格：<b>'+d.obj.price+'</b><br/>');
				$(".des_price1").html(' <div class="des_price">库存：<b>'+d.obj.stock+'</b><br/></div>');
				
			},error: function (d) {
				alert("错误")
			}
			
		});

		
		}
		function guc(){
			$(".i_bg").html('<div class="content mar_20">'+
    '<img src="../statics/images/img1.jpg"/>'+
'</div>'+
			'<div class="content mar_20">'+
   ' <table border="0" class="car_tab" style="width:1200px; margin-bottom:50px;" cellspacing="0" cellpadding="0">'+
       ' <tr>'+
         '   <td class="car_th" width="200">商品名称</td>'+
           ' <td class="car_th" width="150">单价</td>'+
          '  <td class="car_th" width="150">购买数量</td>'+
           ' <td class="car_th" width="130">小计</td>'+
           ' <td class="car_th" width="150">操作</td>'+
      '  </tr>'+
      '  <c:forEach items="${sessionScope.cart.items}" var="temp">'+
            '<tr>'+
                '<td>'+
                   ' <div class="c_s_img">'+
                      '  <a href="../Product?action=queryProductDeatil&id=${temp.product.id}"><img'+
                         '       src="../files/${temp.product.fileName}" width="73" height="73"/></a>'+
                   ' </div>'+
                    '    ${temp.product.name}'+
               ' </td>'+
                '<td align="center" style="color:#ff4e00;">￥${temp.product.price}</td>'+
               ' <td align="center">'+
                   ' <div class="c_num">'+
                     '   <input type="button" value="" onclick="subQuantity(this,);"'+
                       '        class="car_btn_1"/>'+
                       ' <input type="text" value="${temp.quantity}" name="" class="car_ipt"/>'+
                        '<input type="button" value=""'+
                            '   onclick="addQuantity(this,,${temp.product.stock});"'+
                              ' class="car_btn_2"/>'+
                  '  </div>'+
               ' </td>'+
               ' <td align="center" style="color:#ff4e00;">￥${temp.cost}</td>'+
                '<td align="center"><a href="javascript:void(0);" onclick="removeCart();">删除</a>&nbsp;'+
                 '   &nbsp;'+
             '   </td>'+
         '   </tr>'+
        '</c:forEach>'+
       ' <tr height="70">'+
           ' <td colspan="6" style="font-family:; border-bottom:0;">'+
              '  <c:if test="${sessionScope.cart==null || sessionScope.cart.sum==null}">'+
               '     <span class="fr">商品总价：<b style="font-size:22px; color:#ff4e00;">￥0</b></span>'+
               ' </c:if>'+
                ' <c:if test="${sessionScope.cart!=null && sessionScope.cart.sum!=null}">'+
                   '  <span class="fr">商品总价：<b style="font-size:22px; color:#ff4e00;">￥${sessionScope.cart.sum}</b></span>'+
               '  </c:if>'+
            ' </td>'+
      '   </tr>'+
       '  <tr valign="top" height="150">'+
      '       <td colspan="6" align="right">'+
            '     <a href="../Home?action=index"><img src="../statics/images/buy1.gif"/></a>&nbsp;&nbsp;'+
              '   <c:if test="${sessionScope.cart!=null && sessionScope.cart.sum>0}">'+
               '      <a href="javascript:void(0);" onclick="settlement2();"><img'+
               '              src="../statics/images/buy2.gif"/></a>'+
              '   </c:if>'+
            ' </td>'+
        ' </tr>'+
    ' </table>'+
' </div>')
			$(".leftNav").hide();
			$(".nav").hover(function(){
				$(".leftNav").show()
			},function(){
				$(".leftNav").hide()
			})
		}
	</script>

</html>
